<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>尹利状</title>
    <link rel="stylesheet" href="base.css">
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <!-- 搜索栏 -->
    <div class="hm_layout">
        <header class="hm_header">
            <div class="hm_header_box">
                <a href="javascript:;" class="icon_logo"></a>
                <form action="#">
                     <span class="icon_search"></span>
                    <input type="search" placeholder="搜索">
                </form>
                <a href="#" class="login" style="color: width;">登录</a>
            </div>
            
        </header>
    </div>
    <!-- 轮播图 -->
    <div class="hm_banner">
        <ul class="clearfix hm_bannerImg">
            <li><a href="javacript:;"><img src="耳机.png" alt=""></a></li>
            <li><a href="javacript:;"><img src="空调.png" alt=""></a></li>
            <li><a href="javacript:;"><img src="沙发.png" alt=""></a></li>
            <li><a href="javacript:;"><img src="手机.png" alt=""></a></li>
            <li><a href="javacript:;"><img src="薯片.png" alt=""></a></li>
            <li><a href="javacript:;"><img src="衣服.png" alt=""></a></li>
        </ul>
        <ul class="hm_bannerIndicator">
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>

    <nav class="hm_nav">
        <ul class="clearfix">
            <li>
                <a href="#">
                    <img src="分类.png" alt="">
                    <p>分类查询</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="超市.png" alt="">
                    <p>黑马超市</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="购物车空.png" alt="">
                    <p>购物车</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="个人中心.png" alt="">
                    <p>个人中心</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="充值中心.png" alt="">
                    <p>充值中心</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="理财.png" alt="">
                    <p>黑马理财</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="培训.png" alt="">
                    <p>黑马培训</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="圈子.png" alt="">
                    <p>黑马圈子</p>
                </a>
            </li>
        </ul>
    </nav>
	
	<!-- 商品区 -->
	<main class="hm_product">
		<section class="product_box hm_sk clearfix">
			<div class="product_box_tit">
				<div class="f_left m_l10">
					<span class="sk_icon m_l10"></span>
					<span class="sk_name m_l10">掌上秒杀</span>
					<div class="sk_time m_l10">
						<span>0</span>
						<span>0</span>
						<span>:</span>
						<span>0</span>
						<span>0</span>
						<span>:</span>
						<span>0</span>
						<span>0</span>
					</div>
				</div>
				<div class="f_right m_r10"><a href="#">更多</a></div>
			</div>
			<div class="product_box_con">
				<ul class="clearfix">
					<li>
						<a href="javascript:;" ><img src="./cp/cp1.jpg" /></a>
						<p>&yen;10.00</p>
						<p>&yen;100.00</p>
					</li>
					
					<li>
						<a href="javascript:;"><img src="./cp/cp1.jpg" /></a>
						<p>&yen;10.00</p>
						<p>&yen;100.00</p>
					</li>
					
					<li>
						<a href="javascript:;"><img src="./cp/cp1.jpg" /></a>
						<p>&yen;10.00</p>
						<p>&yen;100.00</p>
					</li>
				</ul>
			</div>
		</section>
		
		<section class="product_box">
			<div class="product_box_tit">
				<h3>优惠活动</h3>
			</div>
			<div class="product_box_con clearfix">
				<a href="javascript:;" class="f_left w_50 b_left">
					<img src="./cp/cp1.jpg"/>
				</a>
				
				<a href="javascript:;" class="f_right w_50 b_bottom">
					<img src="./cp/cp2.jpg"/>
				</a>
				
				<a href="javascript:;" class="f_right w_50">
					<img src="./cp/cp3.jpg"/>
				</a>
			</div>
				
		</section>
		
		<section class="product_box">
			<div class="product_box_tit">
							<h3>黑马超市</h3>
						</div>
						<div class="product_box_con clearfix">
							<a href="javascript:;" class="f_right w_50 b_left">
								<img src="./cp/cp4.jpg"/>
							</a>
							
							<a href="javascript:;" class="f_left w_50 b_bottom">
								<img src="./cp/cp5.jpg"/>
							</a>
							
							<a href="javascript:;" class="f_left w_50">
								<img src="./cp/cp6.jpg"/>
							</a>
						</div>
		</section>
	</main>
    
</body>
</html>